<template>
  <van-sticky :offset-top="50">
    <ul>
      <router-link to="/film/nowplaying" tag="li" active-class="active">
        <span>正在热映</span>
      </router-link>
      <router-link to="/film/comingsoon" tag="li" active-class="active">
        <span>即将上映</span>
      </router-link>
    </ul>
  </van-sticky>
</template>

<script>
export default {
  name: 'FilmHeader'
}
</script>

<style scoped>
ul{
  display:flex;
  height:40px;
  line-height:40px;
  text-align:center;
  background:#fff;
  border-bottom:1px solid #ededed;
}
ul li{
  flex:1;
}
.active span{
  display:inline-block;
  color:#ff5f16;
  border-bottom:3px solid #ff5f16;
}
</style>
